Format and Inline SCSS into HTML

When I create Examples with my source code, I want to easily embed the html here in my notes.

source of help

I use these free online tools to do the job

  1. SCSS to CSS Converter (jsonformatter.org) -> convert Sass to plain CSS
  2. Premailer.io - CSS blocks into inline style attributes for HTML emails -> Inline CSS to HTML

here is an example of what your input into Premailer.io should look like

<html>
	<head>
		<style>
			body{
				background-color: blue;
				color: aqua;
			}
		</style>
	</head>
	
	<body>
	  <h1>hello world</h1>
	</body>

</html>

Result

hello world